<template>
	<div class="person" v-if="data">
		<s-user-list-top :data="data.userTop"></s-user-list-top>
		<div class="person__img" v-if="data.img">
			<img :src="item" alt="" v-for="item in data.img" />
		</div>
		<div class="person__introduce">
			<h2>{{data.description}}</h2>
		</div>
		<div class="person__look">
			浏览次数{{data.look_num}}次
		</div>
	</div>
</template>

<script>
	export default {
		props: {
			data: [Object],
			isHelp: [Boolean]
		}
	}
</script>

<style scoped lang="scss">
	.person {
		padding: $com-padding-lr-base $com-padding-lr-lg;
	}
	.person:not(:last-child) {
		border-bottom: 1px solid #ddd;
	}
	.person__img {
		padding-top: rem(12);
		display: flex;
		overflow-x: auto;
		white-space: nowrap;
		img {
			flex: 0 0 rem(150);
			height: rem(100);
			margin-right: rem(10);
		}
	}
	.person__introduce {
		padding-top: rem(12);
		h2 {
			font-size: $font-sm;
			color: $gray-darker;
		}
	}
	
	.person__look {
		font-size: $font-xs;
		margin: rem(4) 0;
		text-align: right;
		color: $gray-light;
	}
</style>